<!DOCTYPE html>
<<<<<<< HEAD
<head>
    <!-- meta使用viewport以确保页面可自由缩放 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- 引入 jQuery Mobile 样式 -->
    <link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">

    <!-- 引入 jQuery 库 -->
    <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>

    <!-- 引入 jQuery Mobile 库 -->
    <script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

    <style type="text/css">
        th {
            border-bottom: 1px solid #d6d6d6;
        }

        tr:nth-child(even) {
            background: #e9e9e9;
        }

        #btn-search{
            position: fixed;
            top: 16%;
            right: 2%;
            z-index: 2;
        }

        #btn-add{
            position: fixed;
            top: 22%;
            right: 2%;
            z-index: 2;
        }

        #pagebox{
            text-align: center;
        }

    </style>

    <meta charset="UTF-8">
    <script src="../../../test/srcTest/vue.min.js"></script>
    <meta charset="gbk"/>
    <title>Login</title>
</head>
<body>
<div data-role="page" id="Homepage">

    <!-- 面板 -->
    <div data-role="panel" id="myPanel">
        <a href="#" class="ui-btn ui-icon-home ui-btn-icon-left">主页</a>
        <a href="#" class="ui-btn ui-icon-lock ui-btn-icon-left">查看课表</a>
        <a href="#" class="ui-btn ui-icon-info ui-btn-icon-left">自主选课</a>
        <a href="#" class="ui-btn ui-icon-info ui-btn-icon-left">成绩查询</a>
        <a href="#" class="ui-btn ui-icon-info ui-btn-icon-left">已选论题</a>
        <a href="#" class="ui-btn ui-icon-info ui-btn-icon-left">查看论题</a>
    </div>

    <!-- 头部 -->
    <div data-role="header">
        <a href="#myPanel" class="ui-btn ui-shadow ui-corner-all ui-icon-bullets ui-btn-icon-notext">更多</a>
        <a  href="/logout" class="ui-btn ui-shadow ui-corner-all  ui-btn-icon-right">注销</a>
        <h1>教务管理系统</h1>
    </div>

    <div data-role="main" class="ui-content">
        <table data-role="table" class="ui-responsive">
            <thead>
            <tr>
                <th v-model="sno">学号</th>
                <th v-model="sname">姓名</th>
                <th v-model="major">专业</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>{{sno}}</td>
                <td>{{sname}}</td>
                <td>{{major}}</td>
            </tr>
            </tbody>
        </table>

        <div id="newInform" data-role="collapsibleset">
            <div id="news">
                <h3>通知</h3>
                <a href="#">[[${最新通知}]]</a>
            </div>
            <div id="newClass">
                <h3>课表</h3>
                <a href="#">[[${最近课程}]]</a>
            </div>
            <div id="newGrade">
                <h3>成绩</h3>
                <a href="#">[[${最新成绩信息}]]</a>
            </div>
        </div>

    </div>



    <!-- 底部 -->
    <div data-role="footer" data-position="fixed">
        <h1>版权所有</h1>
    </div>

</div>

</body>
</html>
=======
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
    <script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>

<div data-role="page" id="pageone">
    <div data-role="header">
        <h1>可折叠块</h1>
    </div>

    <div data-role="main" class="ui-content">
        <div data-role="collapsible">
            <h1>点击我 - 我可以折叠！</h1>
            <p>我是可折叠的内容。</p>
        </div>
    </div>

    <div data-role="footer">
        <h1>页脚文本</h1>
    </div>
</div>

</body>
</html>
>>>>>>> GradeManagement
